<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      autocomplete="off"
      class="ant-form ant-form-vertical ant-pro-form"
    >
      <input
        style="display: none;"
        type="text"
      />
      <div
        class="ant-tabs ant-tabs-top"
        style="padding: 0px 8px; max-width: 100%;"
      >
        <div
          aria-orientation="horizontal"
          class="ant-tabs-nav"
          role="tablist"
        >
          <div
            class="ant-tabs-nav-wrap"
          >
            <div
              class="ant-tabs-nav-list"
              style="transform: translate(0px, 0px);"
            >
              <div
                class="ant-tabs-tab ant-tabs-tab-active"
                data-node-key="company_total"
              >
                <div
                  aria-controls="rc-tabs-test-panel-company_total"
                  aria-selected="true"
                  class="ant-tabs-tab-btn"
                  id="rc-tabs-test-tab-company_total"
                  role="tab"
                  tabindex="0"
                >
                  <div
                    style="padding: 4px;"
                  >
                    company_total
                  </div>
                </div>
              </div>
              <div
                class="ant-tabs-tab"
                data-node-key="part_compay_info"
              >
                <div
                  aria-controls="rc-tabs-test-panel-part_compay_info"
                  aria-selected="false"
                  class="ant-tabs-tab-btn"
                  id="rc-tabs-test-tab-part_compay_info"
                  role="tab"
                  tabindex="-1"
                >
                  <div
                    style="padding: 4px;"
                  >
                    part_compay_info
                  </div>
                </div>
              </div>
              <div
                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                style="width: 0px; left: 0px; transform: translateX(-50%);"
              />
            </div>
          </div>
          <div
            class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
          >
            <button
              aria-controls="rc-tabs-test-more-popup"
              aria-expanded="false"
              aria-haspopup="listbox"
              class="ant-tabs-nav-more"
              id="rc-tabs-test-more"
              style="visibility: hidden; order: 1;"
              type="button"
            >
              <span
                aria-label="ellipsis"
                class="anticon anticon-ellipsis"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="ellipsis"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                  />
                </svg>
              </span>
            </button>
          </div>
        </div>
        <div
          class="ant-tabs-content-holder"
        >
          <div
            class="ant-tabs-content ant-tabs-content-top"
          >
            <div
              aria-hidden="false"
              aria-labelledby="rc-tabs-test-tab-company_total"
              class="ant-tabs-tabpane ant-tabs-tabpane-active"
              id="rc-tabs-test-panel-company_total"
              role="tabpanel"
              tabindex="0"
            >
              <div
                style="display: flex; max-width: 1024px;"
              >
                <div
                  style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; overflow: auto;"
                >
                  <div
                    class="ant-pro-table"
                  >
                    <div
                      class="ant-table-wrapper"
                    >
                      <div
                        class="ant-spin-nested-loading"
                      >
                        <div
                          class="ant-spin-container"
                        >
                          <div
                            class="ant-table ant-table-small ant-table-scroll-horizontal"
                          >
                            <div
                              class="ant-table-container"
                            >
                              <div
                                class="ant-table-content"
                                style="overflow-x: auto; overflow-y: hidden;"
                              >
                                <table
                                  style="width: max-content; min-width: 100%; table-layout: auto;"
                                >
                                  <colgroup>
                                    <col />
                                    <col />
                                    <col
                                      style="width: 140px;"
                                    />
                                  </colgroup>
                                  <thead
                                    class="ant-table-thead"
                                  >
                                    <tr>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        字段名称
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        字段类型
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        字段别名
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        补充说明
                                      </th>
                                    </tr>
                                  </thead>
                                  <tbody
                                    class="ant-table-tbody"
                                  >
                                    <tr
                                      aria-hidden="true"
                                      class="ant-table-measure-row"
                                      tabindex="-1"
                                    >
                                      <th
                                        class="ant-table-measure-cell"
                                      >
                                        <div
                                          class="ant-table-measure-cell-content"
                                        >
                                          字段名称
                                        </div>
                                      </th>
                                      <th
                                        class="ant-table-measure-cell"
                                      >
                                        <div
                                          class="ant-table-measure-cell-content"
                                        >
                                          字段类型
                                        </div>
                                      </th>
                                      <th
                                        class="ant-table-measure-cell"
                                      >
                                        <div
                                          class="ant-table-measure-cell-content"
                                        >
                                          字段别名
                                        </div>
                                      </th>
                                      <th
                                        class="ant-table-measure-cell"
                                      >
                                        <div
                                          class="ant-table-measure-cell-content"
                                        >
                                          补充说明
                                        </div>
                                      </th>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="auto_id_by_system"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        auto_id_by_system
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        bigint
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          style="max-height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; word-break: break-all;"
                                        >
                                          系统自动生成-自增主键
                                        </div>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          class="ant-form-item ant-form-item-vertical"
                                          style="margin-block-start: -5px; margin-block-end: -5px; margin-inline-start: 0; margin-inline-end: 0;"
                                        >
                                          <div
                                            class="ant-row ant-form-item-row"
                                          >
                                            <div
                                              class="ant-col ant-form-item-control"
                                            >
                                              <div
                                                class="ant-form-item-control-input"
                                              >
                                                <div
                                                  class="ant-form-item-control-input-content"
                                                >
                                                  <textarea
                                                    class="ant-input ant-input-outlined"
                                                    id="table_0_columnsInfo_0_supplementComment"
                                                    maxlength="200"
                                                    placeholder="请输入补充说明"
                                                  >
                                                    系统自动生成-自增主键
                                                  </textarea>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="project_name"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        project_name
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        text
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          style="max-height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; word-break: break-all;"
                                        >
                                          project; 保险项目名称，包括赔款支出、保险金额、总资产、责任险、农业保险、原保险保费收入、健康险、意外险等。
                                        </div>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          class="ant-form-item ant-form-item-vertical"
                                          style="margin-block-start: -5px; margin-block-end: -5px; margin-inline-start: 0; margin-inline-end: 0;"
                                        >
                                          <div
                                            class="ant-row ant-form-item-row"
                                          >
                                            <div
                                              class="ant-col ant-form-item-control"
                                            >
                                              <div
                                                class="ant-form-item-control-input"
                                              >
                                                <div
                                                  class="ant-form-item-control-input-content"
                                                >
                                                  <textarea
                                                    class="ant-input ant-input-outlined"
                                                    id="table_0_columnsInfo_1_supplementComment"
                                                    maxlength="200"
                                                    placeholder="请输入补充说明"
                                                  >
                                                    project; 保险项目名称，包括赔款支出、保险金额、总资产、责任险、农业保险、原保险保费收入、健康险、意外险等。
                                                  </textarea>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="amount"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        amount
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        numeric(24,5)
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          style="max-height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; word-break: break-all;"
                                        >
                                          amount; 数值金额，代表各种保险项目的金额。
                                        </div>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <div
                                          class="ant-form-item ant-form-item-vertical"
                                          style="margin-block-start: -5px; margin-block-end: -5px; margin-inline-start: 0; margin-inline-end: 0;"
                                        >
                                          <div
                                            class="ant-row ant-form-item-row"
                                          >
                                            <div
                                              class="ant-col ant-form-item-control"
                                            >
                                              <div
                                                class="ant-form-item-control-input"
                                              >
                                                <div
                                                  class="ant-form-item-control-input-content"
                                                >
                                                  <textarea
                                                    class="ant-input ant-input-outlined"
                                                    id="table_0_columnsInfo_2_supplementComment"
                                                    maxlength="200"
                                                    placeholder="请输入补充说明"
                                                  >
                                                    amount; 数值金额，代表各种保险项目的金额。
                                                  </textarea>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-pro-card ant-pro-card-border ant-pro-card-collapse"
      >
        <div
          class="ant-pro-card-header ant-pro-card-header-border ant-pro-card-header-collapsible"
        >
          <div
            class="ant-pro-card-title"
          >
            <span
              aria-label="right"
              class="anticon anticon-right ant-pro-card-collapsible-icon"
              role="img"
              tabindex="-1"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
            表格数据
          </div>
        </div>
        <div
          class="ant-pro-card-body"
        >
          [
  {
    "name": "company_total",
    "value": {
      "schemaName": "namespace_e0d8926c7cd51a4ce3ca3675ee370478",
      "tableName": "company_total"
    },
    "columnsInfo": [
      {
        "name": "auto_id_by_system",
        "dataType": "bigint",
        "description": "系统自动生成-自增主键",
        "supplementComment": "系统自动生成-自增主键"
      },
      {
        "name": "project_name",
        "dataType": "text",
        "description": "project; 保险项目名称，包括赔款支出、保险金额、总资产、责任险、农业保险、原保险保费收入、健康险、意外险等。",
        "supplementComment": "project; 保险项目名称，包括赔款支出、保险金额、总资产、责任险、农业保险、原保险保费收入、健康险、意外险等。"
      },
      {
        "name": "amount",
        "dataType": "numeric(24,5)",
        "description": "amount; 数值金额，代表各种保险项目的金额。",
        "supplementComment": "amount; 数值金额，代表各种保险项目的金额。"
      }
    ],
    "description": "7月财产险公司经营情况表"
  },
  {
    "name": "part_compay_info",
    "value": {
      "schemaName": "namespace_e0d8926c7cd51a4ce3ca3675ee370478",
      "tableName": "part_compay_info"
    },
    "columnsInfo": [
      {
        "name": "auto_id_by_system",
        "dataType": "bigint",
        "description": "系统自动生成-自增主键",
        "supplementComment": "系统自动生成-自增主键"
      },
      {
        "name": "mct_one_id",
        "dataType": "text",
        "description": "mct_one_id; 唯一标识符",
        "supplementComment": "mct_one_id; 唯一标识符"
      },
      {
        "name": "list_type",
        "dataType": "text",
        "description": "list_type; 上市板块类型",
        "supplementComment": "list_type; 上市板块类型"
      },
      {
        "name": "report_year",
        "dataType": "numeric(24,5)",
        "description": "report_year; 报告年份",
        "supplementComment": "report_year; 报告年份"
      },
      {
        "name": "org_name",
        "dataType": "text",
        "description": "org_name; 公司名称",
        "supplementComment": "org_name; 公司名称"
      },
      {
        "name": "total_assets",
        "dataType": "numeric(24,5)",
        "description": "total_assets; 总资产",
        "supplementComment": "total_assets; 总资产"
      },
      {
        "name": "total_liability",
        "dataType": "numeric(24,5)",
        "description": "total_liability; 总负债",
        "supplementComment": "total_liability; 总负债"
      },
      {
        "name": "equity",
        "dataType": "numeric(24,5)",
        "description": "equity; 股东权益",
        "supplementComment": "equity; 股东权益"
      },
      {
        "name": "total_profit",
        "dataType": "numeric(24,5)",
        "description": "total_profit; 总利润",
        "supplementComment": "total_profit; 总利润"
      },
      {
        "name": "net_profit",
        "dataType": "numeric(24,5)",
        "description": "net_profit; 净利润",
        "supplementComment": "net_profit; 净利润"
      },
      {
        "name": "tax",
        "dataType": "numeric(24,5)",
        "description": "tax; 税额",
        "supplementComment": "tax; 税额"
      }
    ],
    "description": "企业年报"
  }
]
        </div>
      </div>
      <div
        style="display: flex; gap: 8px; align-items: center;"
      >
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            重 置
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span>
            提 交
          </span>
        </button>
      </div>
    </form>
  </div>
</DocumentFragment>